<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css" />
		<link rel="icon" type="text/css" href="./img/icon.png" />
		<link rel="stylesheet" type="text/css" href="css/iconfont/iconfont3.css" />
		
	</head>

	<body>
		<div class="header-banner">
			<a href="" class="link-block" style="background-image:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/49aa1df3471f88dd2235db8a40785977.jpg?w=5120&h=240)">
			</a>
		</div>
		<header>
		</header>
		<nav>
			
				
				<div  id="oImg" >
					
					<div>
						
					</div>
					
					<button type="button" id="btn-previous" ></button>
					<button type="button" id="btn-next"></button>
						<!-- <img src="img/0.jpg" > -->
					<ul class="spot">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
					
			
			<div class="header-buttom-btn">
				<div class="span4">
					<ul>
						<li>
							<a href="">
								<span class="iconfont icon-miaosha"></span> 小米秒杀
							</a>
						</li>
						<li>
							<a href="" >
								<span class="iconfont icon-icon_xinyong_xianxing_jijin-154"></span> 企业团购
							</a>
						</li>
						<li>
							<a href="">
								<span class="iconfont icon-xiaomishangchengFma
"></span> F码通道
							</a>
						</li>
						<li><a href=""><span class="iconfont icon-shoujiqia"></span>米粉卡</a></li>
						<li><a href=""><span class="iconfont icon-yijiuhuanxin
"></span>以旧换新</a></li>
						<li><a href=""><span class="iconfont icon-huafeichongzhi
"></span> 话费充值</a></li>
					</ul>
				</div>
				<ul id="J_homePromoList" class="home-promo-list clearfix">
					<li class="first">
						<a href="DetailsPage.html?id=1" target="_blank" id="1">
							<img src="img/redmi9a.jpg">
						</a>
					</li>
					<li>
						<a href="DetailsPage.html" target="_blank" id="2">
							<img src="img/redmi10x.jpg">
						</a>
					</li>
					<li>
						<a href="DetailsPage.html" target="_blank" id="3">
							<img src="img/color.jpg">
						</a>
					</li>
				</ul>
			</div>
		</nav>




		<section>
			<div class="container">
				
				<!-- 秒杀导航栏 -->
				
				<div class="nav mi-flash-sale">
					<h class="title">小米秒杀</h>
					<div class="nav-btn ">
						<button class="iconfont icon-you buttonPrev"></button>
						<button class="iconfont zuo icon-you buttonNext" ></button>
					</div>
				</div>
				<!-- 秒杀主要内容 -->
				<div class="box-bd clearfix">
					<div class="row">
						<div class="row-left">
							<div class="se-kl">
								<div class="se-cn"><span id="_timer">00</span>:00 场</div>
								<!-- <div class="se-en">COUNT DOWN</div> -->
								<i class="se-io"></i>
								<div class="se-info">距离结束还有</div>
								<div class="se-count">
									<div class="se-day"></div>
									<div class="se-hour"><span class="se-txt">00</span></div>
									<div class="se-min"><span class="se-txt">00</span></div>
									<div class="se-sec"><span class="se-txt">00</span></div>
								</div>
							</div>
						</div>
						<div class="row-right">
							<div class="row-right-ulBox">
								
							<ul>
								<li> 
									<a href="#" target="_blank" >
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/shubiap.png">
										</div>
										<!-- <h3 class= "title">米家防蓝光护目镜 Pro 墨蓝色</h3>
										<p class="desc">科学护眼 舒适防污</p>
										<p class="price"><span>129</span>元
										<del>149元</del></p> -->
									</a>
								</li>
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/shubiap.png">
										</div>
									</a>
								</li>
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/shubiap.png">
										</div>
									</a>
								</li>
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/shubiap.png">
										</div>
									</a>
								</li>
								
								
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/binxiang.png">
										</div>
									</a>
								</li>
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/binxiang.png">
										</div>
									</a>
								</li>
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/binxiang.png">
										</div>
									</a>
								</li>
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/binxiang.png">
										</div>
									</a>
								</li>
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/bianxingjingang.png">
										</div>
									</a>
								</li>
								
								
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/bianxingjingang.png">
										</div>
									</a>
								</li>
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/bianxingjingang.png">
										</div>
									</a>
								</li>
								<li>
									<a href="#" target="_blank">
										<div class="content">
												<img  alt="米家防蓝光护目镜 Pro 墨蓝色" width="160" height="160" src="img/bianxingjingang.png">
										</div>
									</a>
								</li>
							</ul>
							</div>
						</div>
					</div>
				</div>

				<!-- 广告横幅 -->
				<div class="home-banner-box">
					<a href="#" target="_blank">
						<img src="img/mi-banner.jpg">
					</a>
				</div>
				<!-- 手机导航栏 -->
				<div class="home-brock-box ">
					<div class="nav mi-flash-sale">
						<h class="title">手机</h>
						<div class="nav-btn">
							<a href="#" target="_blank" class="more-link">查看全部 <i class="iconfont icon-zuo3"></i></a>
						</div>
					</div>
					<!-- 内容 -->
					<div class="big-box-ip">
						<div class="row">
							<div class="span5">
								<a href="">
								<img src="img/xiaomi11.jpg" >	
								</a>
							</div>
							<div class="span16">
								<ul>
									<li class="brick">
										<a href=""><img src="img/redmi40Pro.png" ></a>
										</li>
									<li>
											<a href=""><img src="img/redmi40Pro.png" ></a>
									</li>
									<li>
											<a href=""><img src="img/redmi40Pro.png" ></a>
									</li>
									<li>
											<a href=""><img src="img/redmi40Pro.png" ></a>
									</li>
									<li>
											<a href=""><img src="img/redmi40Pro.png" ></a>
									</li>
									<li>
											<a href=""><img src="img/redmi40Pro.png" ></a>
									</li>
									<li>
											<a href=""><img src="img/redmi40Pro.png" ></a>
									</li>
									<li>
											<a href=""><img src="img/redmi40Pro.png" ></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="home-banner-box">
					<a href="#" target="_blank">
						<img src="img/mi-dianshi.png">
					</a>
				</div>

				<!-- 电视 -->
				<!-- 手机导航栏 -->
				<div class="home-brock-box ">
					<div class="nav mi-flash-sale">
						<h class="title">手机</h>
						<div class="nav-btn">
							<a href="#" target="_blank" class="more-link">查看全部 <i class="iconfont icon-zuo3"></i></a>
						</div>
					</div>
					<!-- 内容 -->
					<div class="big-box-ip">
						<div class="row">
							<div class="span5">
							</div>
							<div class="span16">
								<ul>
									<li class="brick"><a href=""><img src="img/E65Xdianshi.png" ></a></li>
									<li>
										<a href=""><img src="img/E65Xdianshi.png" ></a>
									</li>
									<li><a href=""><img src="img/E65Xdianshi.png" ></a></li>
									<li><a href=""><img src="img/E65Xdianshi.png" ></a></li>
									<li><a href=""><img src="img/E65Xdianshi.png" ></a></li>
									<li><a href=""><img src="img/E65Xdianshi.png" ></a></li>
									<li><a href=""><img src="img/E65Xdianshi.png" ></a></li>
									<li><a href=""><img src="img/E65Xdianshi.png" ></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="home-banner-box">
					<a href="#" target="_blank">
						<img src="img/mi-mensuo.jpg">
					</a>
				</div>

				<!-- 智能 -->
				<!-- 手机导航栏 -->
				<div class="home-brock-box ">
					<div class="nav mi-flash-sale">
						<h class="title">手机</h>
						<div class="nav-btn">
							<a href="#" target="_blank" class="more-link">查看全部 <i class="iconfont icon-zuo3"></i></a>
						</div>
					</div>
					<!-- 内容 -->
					<div class="big-box-ip">
						<div class="row">
							<div class="span5">
							</div>
							<div class="span16">
								<ul>
									<li class="brick"><a href=""><img src="img/xiaoaiyingxiang.png" ></a></li>
									<li><a href=""><img src="img/xiaoaiyingxiang.png" ></a></li>
									<li><a href=""><img src="img/xiaoaiyingxiang.png" ></a></li>
									<li><a href=""><img src="img/xiaoaiyingxiang.png" ></a></li>
									<li><a href=""><img src="img/xiaoaiyingxiang.png" ></a></li>
									<li><a href=""><img src="img/xiaoaiyingxiang.png" ></a></li>
									<li><a href=""><img src="img/xiaoaiyingxiang.png" ></a></li>
									<li><a href=""><img src="img/xiaoaiyingxiang.png" ></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="home-banner-box">
					<a href="#" target="_blank">
						<img src="img/mi-shuihu.png">
					</a>
				</div>

				<!-- 搭配 -->
				<!-- 手机导航栏 -->
				<div class="home-brock-box ">
					<div class="nav mi-flash-sale">
						<h class="title">手机</h>
						<div class="nav-btn">
							<a href="#" target="_blank" class="more-link">查看全部 <i class="iconfont icon-zuo3"></i></a>
						</div>
					</div>
					<!-- 内容 -->
					<div class="big-box-ip">
						<div class="row">
							<div class="span5">
							</div>
							<div class="span16">
								<ul>
									<li class="brick"><a href=""><img src="img/Air2Pro.jpg" ></a></li>
									<li><a href=""><img src="img/Air2Pro.jpg" ></a></li>
									<li><a href=""><img src="img/Air2Pro.jpg" ></a></li>
									<li><a href=""><img src="img/Air2Pro.jpg" ></a></li>
									<li><a href=""><img src="img/Air2Pro.jpg" ></a></li>
									<li><a href=""><img src="img/Air2Pro.jpg" ></a></li>
									<li><a href=""><img src="img/Air2Pro.jpg" ></a></li>
									<li><a href=""><img src="img/Air2Pro.jpg" ></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="home-banner-box">
					<a href="#" target="_blank">
						<img src="img/mi-zhineng.jpg">
					</a>
				</div>

				<!-- 配件 -->

				<!-- 手机导航栏 -->
				<div class="home-brock-box ">
					<div class="nav mi-flash-sale">
						<h class="title">手机</h>
						<div class="nav-btn">
							<a href="#" target="_blank" class="more-link">查看全部 <i class="iconfont icon-zuo3"></i></a>
						</div>
					</div>
					<!-- 内容 -->
					<div class="big-box-ip">
						<div class="row">
							<div class="span5">
							</div>
							<div class="span16">
								<ul>
									<li class="brick"><a href=""><img src="img/chongdianiqi.jpg" ></a></li>
									<li><a href=""><img src="img/chongdianiqi.jpg" ></a></li>
									<li><a href=""><img src="img/chongdianiqi.jpg" ></a></li>
									<li><a href=""><img src="img/chongdianiqi.jpg" ></a></li>
									<li><a href=""><img src="img/chongdianiqi.jpg" ></a></li>
									<li><a href=""><img src="img/chongdianiqi.jpg" ></a></li>
									<li><a href=""><img src="img/chongdianiqi.jpg" ></a></li>
									<li><a href=""><img src="img/chongdianiqi.jpg" ></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="home-banner-box">
					<a href="#" target="_blank">
						<img src="img/mi-peijian.jpg">
					</a>
				</div>
				<!-- 周边 -->
				<!-- 手机导航栏 -->
				<div class="home-brock-box ">
					<div class="nav mi-flash-sale">
						<h class="title">手机</h>
						<div class="nav-btn">
							<a href="#" target="_blank" class="more-link">查看全部 <i class="iconfont icon-zuo3"></i></a>
						</div>
					</div>
					<!-- 内容 -->
					<div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action ">
						<!-- 可选择菜单 -->
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<a href="#"></a>
							</li>
							<li class="mui-table-view-cell">
								<a href="#">2菜单2</a>
							</li>
						</ul>
						<!-- 取消菜单 -->
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<a href="#sheet1"><b>3取消</b></a>
							</li>
						</ul>
					</div>
					<div class="big-box-ip">
						<div class="row">
							<div class="span5">
							</div>
							<div class="span16">
								<ul>
									<li class="brick"><a href=""><img src="img/taiyangjingPro.jpg" ></a></li>
									<li><a href=""><img src="img/taiyangjingPro.jpg" ></a></li>
									<li><a href=""><img src="img/taiyangjingPro.jpg" ></a></li>
									<li><a href=""><img src="img/taiyangjingPro.jpg" ></a></li>
									<li><a href=""><img src="img/taiyangjingPro.jpg" ></a></li>
									<li><a href=""><img src="img/taiyangjingPro.jpg" ></a></li>
									<li><a href=""><img src="img/taiyangjingPro.jpg" ></a></li>
									<li><a href=""><img src="img/taiyangjingPro.jpg" ></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="home-banner-box">
					<a href="#" target="_blank">
						<img src="img/mi-bi.jpg">
					</a>
				</div>
				<!-- 视频 -->
				<!-- 手机导航栏 -->
				<div class="home-brock-box ">
					<div class="nav mi-flash-sale">
						<h class="title">视频</h>
						<div class="nav-btn">
							<a href="#" target="_blank" class="more-link">查看全部 <i class="iconfont icon-zuo3"></i></a>
						</div>
					</div>
					<!-- 内容 -->
					<div class="big-box-ip box-video">
						<div class="row">
							<div class="span16 ">
								<ul>
									<li><a href=""><img src="img/redmi10xxilie.png" ></a></li>
									<li><a href=""><img src="img/redmi10xxilie.png" ></a></li>
									<li><a href=""><img src="img/redmi10xxilie.png" ></a></li>
									<li><a href=""><img src="img/redmi10xxilie.png" ></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
		</footer>
	</body>
		<script src="js/jQuery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>

</html>
